<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
    <link rel="stylesheet" href="../static/css/bootstrap.css">
    <link rel="stylesheet" href="../static/css/person.css">
    <script src="../static/js/jquery.js"></script>
    <script src="../static/js/bootstrap.js"></script>
    <script src="../static/js/person.js"></script>
</head>
<body>

    <!-- 页面上的最上面导航 -->
    <nav class="navbar navbar-default">
        <div class="navbar-header" style="margin-left: 50px;margin-top: -10px">
            <a href="/index/toIndex"><h3>家政服务系统</h3></a>
        </div>

        <div>
            <ul class="nav navbar-nav">
                <li>
                    <a href="/index/toIndex">
                        <span class="glyphicon glyphicon-home"></span>
                        首页
                    </a>
                </li>
                <li class="log-out">
                    <a href= "/user/logout" >
                        <span class="glyphicon glyphicon-log-out"></span>
                        退出
                    </a>
                </li>
                <li class="space">
                    <a href="#">个人中心</a>
                    <ul class="next-menu">
                        <li>
                            <a href="/person/toPerson">个人资料</a>
                        </li>
                        <li>
                            <a href="/order/toOrder">我的订单</a>
                        </li>
                        <li>
                            <a href="/app/toCmApp">我的预约</a>
                        </li>
                    </ul>
                </li>
                <li class="space">
                    <a href="#">家政人员中心</a>
                    <ul class="next-menu">
                        <li>
                            <a href="/hk/toHkPerson">商家资料</a>
                        </li>
                        <li>
                            <a href="/app/toHkApp">预约列表</a>
                        </li>
                        <li>
                            <a href="/order/toHkOrder">我的订单</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </nav>

    <div class="container">
        <div class="col-md-2 left-nav">
            <h3>账户设置</h3>
            <ul class="list-group">
                <li class="list-group-item" id="toEditPerson">
                    个人资料
                </li>
                <li class="list-group-item" id="toCertifyPerson">
                    认证管理
                </li>
                <li class="list-group-item" id="toChangePassword">
                    密码管理
                </li>
                <li class="list-group-item" id="toMessagePerson">
                    消息管理
                </li>

            </ul>
        </div>

        <!--  嵌套页面  -->
        <div class="col-md-10">
            <iframe id="myIframe" height="100%" width="100%" scrolling="no" src="toEditPerson" frameborder="0"></iframe>
        </div>
    </div>
</body>
</html>